import { FaClock, FaDollarSign, FaShieldAlt, FaHeadset } from 'react-icons/fa';

export default function FeatureSection() {
  const features = [
    {
      icon: FaClock,
      title: '效率高',
      description: '三天领取营业执照'
    },
    {
      icon: FaDollarSign,
      title: '收费低',
      description: '比同行更10%'
    },
    {
      icon: FaShieldAlt,
      title: '保障高',
      description: '不成功不收费'
    },
    {
      icon: FaHeadset,
      title: '服务好',
      description: '专业顾问1对1沟通'
    }
  ];

  return (
    <div className="w-full bg-gray-50 py-12">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
          {features.map((feature, index) => (
            <div key={index} className="flex flex-col items-center text-center group">
              <div className="w-16 h-16 rounded-full flex items-center justify-center mb-4 
                            bg-orange-50 text-orange-500 group-hover:bg-orange-500 
                            group-hover:text-white transition-colors duration-300">
                <feature.icon className="w-8 h-8" />
              </div>
              <h3 className="text-xl font-bold mb-2 text-gray-900">{feature.title}</h3>
              <p className="text-gray-600">{feature.description}</p>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
} 